<template>
  <el-container class="layout-container">
    <el-header>
      <h1>动漫管理系统</h1>
    </el-header>
    <el-container class="layout-container-in">
      <el-aside width="200px">
        <Menu />
      </el-aside>
      <el-main>
        <RouterView />
      </el-main>
    </el-container>
  </el-container>
</template>

<script setup></script>

<style lang="scss" scoped>
.layout-container {
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;

  .el-header {
    display: flex;
    align-items: center;
    background: black;
    color: white;
  }

  .layout-container-in {
    flex: 1;

    .el-main {
      padding: 20px;
    }
  }
}
</style>
